<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用layui</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css">

    <!-- import Vue.js -->
    <script src="../../static/iview/layui/vue.min.js"></script>

    <!-- import layui.js -->
    <script src="../../static/layui/layui.all.js"></script>
    <!-- import Vue-router.js -->
    <script src="../../static/iview/js/vue-router.min.js"></script>
    <!-- import iView -->
    <script src="../../static/iview/js/iview.min.js"></script>
    <!-- import iView icons(Ionicons) js -->
    <script src="../../static/iview/js/ionicons.js"></script>


    <!-- import iView css -->
    <link rel="stylesheet" href="../../static/iview/css/iview.css">
    <!-- import iView icons(Ionicons) css -->
    <link rel="stylesheet" href="../../static/iview/css/ionicons.min.css">
    <!-- import layui css -->
    <link rel="stylesheet" href="../../static/layui/css/layui.css">


</head>
<body>

<div class="layui-nav">
    <ul class="layui-nav" lay-filter="">
        <li class="layui-nav-item"><a href="">最新活动</a></li>
        <li class="layui-nav-item layui-this"><a href="">产品</a></li>
        <li class="layui-nav-item"><a href="">大数据</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">解决方案</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="">移动模块</a></dd>
                <dd><a href="">后台模版</a></dd>
                <dd><a href="">电商平台</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="">社区</a></li>

        <li class="layui-nav-item">
            <a href="">控制台<span class="layui-badge">9</span></a>
        </li>
        <li class="layui-nav-item">
            <a href="">个人中心<span class="layui-badge-dot"></span></a>
        </li>
        <li class="layui-nav-item">
            <a href=""><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
            <dl class="layui-nav-child">
                <dd><a href="javascript:;">修改信息</a></dd>
                <dd><a href="javascript:;">安全管理</a></dd>
                <dd><a href="javascript:;">退了</a></dd>
            </dl>
        </li>

    </ul>


</div>








<script>
    //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
    !function () {
        var layer = layui.layer
            , form = layui.form
            , carousel = layui.carousel;

        carousel.render({
            elem: '#test1'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });

        // layer.msg('Hello');
    }();


</script>
</body>
</html>
